header {
    width: 100%;
    /* border: 1px solid rgba(255, 100, 100, 0.081); */
    height: .9662rem;
    display: flex;
    /*子元素垂直居中
            align-items: center;*/
    position: relative;
    background-color: #EDEDED;/*
    box-shadow: 0rem .15rem .15rem rgba(128, 128, 128, 0.201);*/
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: .2415rem;
}

header .title {
    /*
            border: 1px solid red;*/
    display: inline-block;
    /**/
    width: 7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: .3865rem;
    font-size: .4106rem;
    font-weight: 600;
    /*水平居中
            margin: 0 auto;*/
    /*文本水平垂直居中*/
    text-align: center;
    line-height: .3865rem;
    letter-spacing: .025rem;
    /*位置*/
    position: absolute;
    /* bottom: .3382rem; */
    left: 50%;
    transform: translateX(-3.5rem);

}
header .right{
    /* border: 1px solid red; */
    width: .8454rem;
    height: .8454rem;
    border-radius: 50%;
    position: absolute;
    right: 5%;
    background: url(../img/add.webp) no-repeat;
    background-size: 75% 75%;
    background-position: center;
}

.navbox{
    position: absolute;
    top: 1.4493rem;
    right: 3%;
    z-index: 999;
    border-radius: .1932rem;
    width: 3.8647rem;
    height: fit-content;
    background: #4c4c4c;
    overflow: hidden;
    color: #fff;
    font-size: .4589rem;
    letter-spacing: .0193rem;
    box-shadow: .1208rem .1208rem .1208rem #bdbdbdde;
}
.navbox>div{
    position: fixed;
    right: 8%;
    border-radius: 0 0 0 24.1546rem;
    transform:  translateY(-0.1691rem) rotate(-45deg);
    width: .4831rem;
    height: .4831rem; 
    background: #4c4c4c;
}
.navbox .nav{
    /* border: 1px solid rgb(255, 255, 255); */
    width: 100%;

}
.navbox .nav li{
    height: 1.4493rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.navbox .nav li .icon{
    /* border: 1px solid rgba(87, 255, 9, 0.089); */
    width: .7246rem;
    height: .7246rem;
    margin-right: .2415rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.navbox .nav li:nth-child(1) .icon{
    background-image: url(../img/fqql.webp);
}
.navbox .nav li:nth-child(2) .icon{
    background-image: url(../img/tjpy.webp);
}
.navbox .nav li:nth-child(3) .icon{
    background-image: url(../img/sys.webp);
}
.navbox .nav li:nth-child(4) .icon{
    background-image: url(../img/sfk.webp);
}
.navbox .nav li .textBox{
    border-bottom: .0242rem solid #99999940;
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
